{literal}
	<script	src="http://code.jquery.com/jquery-1.9.1.js"></script>
	<script	src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
	<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" />
	
	<script type="text/javascript">
		$(document).ready(function(){
		var col = "{/literal}{$orderby}{literal}";
		var order = "{/literal}{$order}{literal}";
		$(".sortImage").attr("src","images/sort_both.png");
		if (order=="desc")
			$("#sort"+col).attr("src","images/sort_desc.png");
		else if (order=="asc")
			$("#sort"+col).attr("src","images/sort_asc.png");
		})		 
	</script>
{/literal}

<div class="grid_10">
	<div class="box round first grid">
	   	<h2>Registro de Ciudades</h2>
	   	<div class="clear"></div>
		      	
		<!-- Opciones generales -->
		<div style="padding-top:10px">
			{if $rol|strpos:"0" !== false || $rol|strpos:"Lw" !== false}
				<a style="margin-right:20px" href="ciudades.php?action=add"><img width="33px" src="images/new.png" alt="Nueva/o ciudades" title="Nueva/o ciudades"/></a>
			{/if}
		</div>
		<br><div class="clear"></div>
				
		<div class="block">
		  	{include file="ciudadesSearch.tpl"}
			<form id="formCiudades" method="POST" action="ciudades.php" class="list">
				<input type="hidden" id="action" name="action" />
				<input type="hidden" name="id" id="id" />
				<table class="table1">
					<tr>
						<th>
							<a href="#" onclick="ordenar('Ciudad','formCiudadesSearch')">
								<img id="sortCiudad" class="sortImage" src="images/sort_desc.png">
								Ciudad
							</a>
						</th>
						<th>
							<a href="#" onclick="ordenar('IdProvincia','formCiudadesSearch')">
								<img id="sortIdProvincia" class="sortImage" src="images/sort_desc.png">
								Provincia
							</a>
						</th>
						<th>&nbsp;</th>
					</tr>
					{foreach from=$ciudades item=ciudades} 
					<tr class="odd gradeX">
						<td class="item">{$ciudades.ciudad}</td>
						<td class="item">{$ciudades.provincia}</td>
						<td valign="middle" style="padding-top:4px;"class="item" align="right">
							{if $rol|strpos:"0" !== false || $rol|strpos:"Lw" !== false}
							<a href="ciudades.php?action=update&id={$ciudades.idCiudad}" >
								<img width="22px" src="images/b_edit2.png" alt="Editar" title="Editar" style="padding-right:7px"/>
							</a>
							<a href="#" onclick="deleteRecord({$ciudades.idCiudad},'formCiudades')" >
								<img width="22px" src="images/b_remove.png" alt="Borrar" title="Borrar" style="padding-right:7px"/>
							</a>
							{/if}
						</td>
					</tr>
					{/foreach}
				</table>
				{include file="paginator.tpl" page=$page totalPages=$totalPages script="ciudades.php?$allParams"}
			</form>
		</div>
	</div>
</div>